@import "~terriajs-variables";
@import "../../Sass/common/mixins";

.overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.mobile-nav {
  composes: list-reset from "../../Sass/common/_base.scss";
  position: absolute;
  left: 0;
  right: 0;
  top: $mobile-header-height;
  background: $mobile-main-bg;
  color: $mobile-text;
  text-align: left;

  &--hidden {
    left: -9999px;
    height: 0;
    width: 0;
  }
}
